
input::-webkit-input-placeholder {
    color: red;
    font-size: 24.88rpx;
}
page{
	font-size: 21.33rpx;
}
.padtb30{
	padding-top: 30rpx!important;
	padding-bottom: 30rpx!important;
}
.mt8{
	margin-top: 8rpx!important;
}
.no-border{
	border-width:0!important;
}
.text-center {
	text-align: center;
}

.text-grey1 {
	color: #888;
}
.text-grey2 {
	color: #aaa;
}
.orange-type{
	color: #F78600;
	background-color: rgba(247,134,0,0.1);
	border: 1px solid rgba(247,134,0,0.7);
}
.gray-type{
	color: #666;
	background: rgba(102,102,102,0.1);
	border: 1px solid rgba(102,102,102,0.7);
}
.blue-type{
	color: rgba(64,158,254,1);
	background: rgba(64,158,254,0.10);
	border: 1px solid rgba(64,158,254,0.7);
}
.red-type{
	color:rgba(255,77,79,1);
	background-color: rgba(255,77,79,0.1);
	border: 1px solid rgba(255,77,79,0.7);
}
.green-type{
	color:rgba(39,181,125,1);
	background-color: rgba(39,181,125,0.1);
	border: 1px solid rgba(39,181,125,0.7);
}
.gray-back{
	background-color: #f1f2f5;
}
.col99{
	color: #999;
}
.col66{
	color: #666;
}
.col33{
	color: #333;
}
.col00{
	color: #000;
}
.text-center {
	text-align: center;
}
.font-11 {
	font-size: 19.55rpx!important;
}
.font-12 {
	font-size: 21.33rpx!important;
}
.font-13 {
	font-size: 23.11rpx!important;
}
.font-14 {
	font-size: 24.88rpx!important;
}
.font-15 {
	font-size: 26.66rpx!important;
}
.font-16 {
	font-size: 28.44rpx!important;
}
.font-17 {
	font-size: 30.22rpx!important;
}
.font-18 {
	font-size: 32rpx!important;
}
.font-20 {
	font-size: 35.55rpx!important;
}

.text-grey1 {
	color: #888;
}
.text-grey2 {
	color: #aaa;
}

.list-cell-arrow::before {
    content: ' ';
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #c0c0c0;
    border-style: solid;
    -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
    transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 30rpx;
  }
  
  .list-cell {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    color: #333;
    padding: 26rpx 30rpx;
  }
  
  .list-cell:first-child {
    border-radius: 20rpx;
  }
  
  .list-cell:last-child {
    border-radius: 0 0 8rpx 8rpx;
  }
  
  .list-cell::after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #eaeef1;
    -webkit-transform: scaleY(0.5) translateZ(0);
    transform: scaleY(0.5) translateZ(0);
    transform-origin: 0 100%;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none;
  }
  
	.menu-list {
		margin: 15px 15px;
		min-height: 445rpx;
		background: #fff;
		border-radius: 20rpx;
		margin-top: -20px;
		.menu-item-box {
		  width: 100%;
		  display: flex;
		  align-items: center;
		  .til{
			color: #333;
		  }
		  .menu-icon {
			margin-right: 5px;
			width: 44rpx;
			height: 44rpx;
			line-height: 44rpx;
		  }
		  
		  .text-right {
			margin-left: auto;
			margin-right: 34rpx;
			color: #999;
		  }
		}
	}

.uni-date{
	.uni-date-x{
		height: 70rpx!important;
		.uni-date__x-input {
			height: 40px;
			line-height: 40px;
		}
	}
	.uni-date__x-input{
		font-size: 15px!important;
		color: #333!important;
	}
}
.bottom .gray-items{
	background-color: #f1f2f5;
	padding: 0;
	margin: 8px 0;
	.items{
		padding: 0;
	}
}
.bottom .blue-back{
	background-color: rgba(64,158,254,0.1);
	padding: 0;
	margin: 8px 0;
	.items{
		padding: 0;
	}
}

.block-items{
	display: flex;
	padding: 0!important;
	justify-content: space-between;
	> .items{
		width: 32%!important;
		height: 108rpx;
		
		> view{
			width:100%;
			display: block;
			text-align: center;
		}
		.til,.val{
			height: 52rpx;
			line-height: 53rpx;
		}
		.val{
			margin: 0!important;
		}
	}
}
.uni-input{
	font-size: 15px;
	border-radius: 10px;
	color: #828282;
}
.uni-date-x--border{
	border-radius: 5px!important;
}
input[value]{
	color: #333!important;
}
.file-picker__box-content{
	border: 1rpx solid #8bd4f1 !important;
	border-radius: 20rpx;
}
.border-bt{
	.uni-date-x{
		padding: 0;
	}
	.uni-date-editor--x{
		border-bottom: 1px solid #ccc;
	}
		
	.uni-date__x-input{
		text-align: right;
		padding-right: 0;
	}
}
/************隐私协议授权框**********************/
.privacyBox {
	padding: 60rpx;
	box-sizing: border-box;
	background: #fff;
}

.privacyTit {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.privacyDesc {
	font-size: 28rpx;
	color: #333;
	overflow: hidden;
	margin-top: 30rpx;
}

.privacyDesc text {
	color: #333;
}

.privacyPost {
	overflow: hidden;
	margin-top: 60rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.privacyPost .refuseBtn {
	flex: 1;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: bold;
	color: #fff;
	background: #333;
	border-radius: 40rpx;
	box-sizing: border-box;
	overflow: hidden;
}

.privacyPost .agreeBtn {
	flex: 1;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: bold;
	color: #fff;
	background: blue;
	border-radius: 40rpx;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: 20rpx;
}
/************支付前确认框**********************/
.paymentBox {
	padding: 60rpx;
	box-sizing: border-box;
	background: #fff;
	margin: 25rpx;
	border-radius: 8rpx;
}

.paymentTit {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.paymentDesc {
	font-size: 28rpx;
	color: #333;
	overflow: hidden;
	margin-top: 30rpx;
}

.paymentDesc text {
	color: #333;
}

.paymentPost {
	overflow: hidden;
	margin-top: 60rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.paymentPost  {
	button{
		flex: 1;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		font-size: 28rpx;
		font-weight: bold;
		color: #fff;
		border-radius: 40rpx;
		box-sizing: border-box;
		overflow: hidden;
	}
	button::after{
		border: none!important;
	}
	.cancelBtn{
		background: #caccd0!important;
		border: 1rpx solid #caccd0 !important;
	}
	.agreeBtn{
		margin-left: 20rpx;
	}
}
.padd20{
	padding: 20rpx;
}
button.new{
	font-size: 26.66rpx !important;
	background: linear-gradient(169deg,#ff5454 0%, #d32d2d 100%);;
	border-image: linear-gradient(183deg, #ffb8a2 0%, #ffa59c 100%) 2 2;;
	border-radius: 34px;
	box-shadow: 0px 4px 6px 0px rgba(247,85,61,0.30);
	width: 440rpx;
	border-radius: 68rpx;
	position: fixed;
	bottom: 0;
	z-index: 99;
	left: 50%;
	margin-left: -220rpx;
	margin-bottom: 10rpx;
	height: 84rpx;
	line-height: 84rpx;
}
button{
	font-size: 26.66rpx!important;
	background: #D22C2C !important;
	color: #fff!important;
	height: 90rpx;
	line-height: 90rpx;
	border-width: 0!important;
}
button.small-size{
	height: 60rpx;
	line-height: 60rpx;
}
.btns,.btn-detail {
	position: fixed;
	bottom: 0;
	height: 150rpx;
	width: 100%;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 99;
	padding: 20rpx;
	background-color: #fff;

}

.content{
	font-size: 15px;
	overflow: hidden;
	.phxx-itemss {
		.btn{
			width:100%;
			height: 96rpx;
			line-height: 96rpx;
			border-top: 2rpx solid #EAEAEA;
			text-align: center;
			font-size: 16px;
			.title{
				color: #D22C2C!important;
			}
		}
	}

	.weui-search-bar__cancel-btn {
		line-height: 60rpx;
		color: #fff;
		padding: 0 18rpx;
		white-space: nowrap;
		font-size: 14px;
		background: #D22C2C;
		border-radius: 10rpx;
		margin-right: 10rpx;
	}
    .example-body{
		display: flex;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10rpx;
		font-size: 28.44rpx;
		border-bottom: 1px solid #d7d6dc;
		
		.tag-view{
			color: #999;
			width: 50%;
		}
		.tag-view.active{
			color: #D22C2C;
			.line{
				background: #D22C2C;
				width: 100px;
				height: 2rpx;
				position: relative;
				bottom: 1px;
				left: 50%;
				margin-left: -50px;
			}
		}
	}
	.wpdformBg{
		.read{
			height:60rpx;
			.read-box{
				display: inline-block;
				top: 6rpx;
				position: relative;
				padding-right: 10rpx;
			}
		}
		.mzxx {
			padding: 20rpx 0;
			font-size: 14px;
			color: #333;
			.mk {
				height: 46rpx;
				line-height: 46rpx;
				.cph{
					color: #666;
					display: inline-block;
					margin-right: 20rpx;
				}
			}
			.tips {
				position: absolute;
				color: #D22C2C;
				right: -32rpx;
				width: 200rpx;
				top: 164rpx;
				.menu-icon{
					display: inline-block;
					position: relative;
					top: 5rpx;
				}
			}
		}
	}
	.wpdformBg1{

		.mzxx {
			padding: 20rpx 0;
			font-size: 14px;
			color: #333;
			.mk {
				height: 46rpx;
				line-height: 46rpx;
				.cph{
					color: #666;
					display: inline-block;
					margin-right: 20rpx;
				}
			}
			.tips {
				position: absolute;
				color: #409EFE;
				right: -32rpx;
				width: 200rpx;
				top: 164rpx;
				.menu-icon{
					display: inline-block;
					position: relative;
					top: 5rpx;
				}
			}
		}
	}
	.zjsc {
		color: #000;
		margin-bottom: 20rpx;
		word-spacing: 10rpx;
		letter-spacing: 1rpx;
		font-weight: bold;
		font-size: 30.22rpx;
		.cover-img{
			width: 65rpx;
			height: 39rpx;
			top: 9rpx;
		}
	}
	.box-content{
		background-color: #fff;
		padding: 0 30rpx;
		margin-bottom: 20rpx;
		border-radius: 6rpx;
		font-size: 26.66rpx;
	}
	.ghmsc {
		display: flex;
		justify-content: space-between;
		border-radius: 8rpx;
		.title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 20rpx;
			.ghm {
				color: #000;
				font-weight: 700;
				font-size: 26rpx;
				margin-bottom: 5rpx;
			}
			.qsc {
				font-size: 26rpx;
				color: #666;
			}
		}
		.sctp{
			width: 49%;
			height: 25vw;
			text-align: center;
			position: relative;
			.img-box{
				width: 100%;
				height: 100%;
				position: absolute;
				.img-text{
					position: absolute;
					bottom: 40rpx;
					width: 100%;
					font-size: 12px;
					color: #D22C2C;
				}
			}
			.cover-img{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				right: 0;
			}
			.cover-imgs{
				width: 72rpx;
				height: 72rpx;
				top: 36rpx;
			}
			.img-mess{
				margin-top: 105rpx;
				margin-left: 95rpx;
			}
		}
	}
	.qrsf {
		.title {
			color: #333;
			margin-bottom: 20rpx;
			word-spacing: 10rpx;
			letter-spacing: 1rpx;
			width: 190rpx;
		}
		.sjxx {
			.uni-form-item:last-child {
				border-bottom: 1px solid transparent!important;
			}
			.uni-form-item {
				margin-bottom: 20rpx;
				border-bottom: 1px solid #E6E6E6;
				display: flex;
				justify-content: space-between;
				line-height: 100rpx;
				height: 100rpx;
				.uni-select-box{
					// width: 70%;
					display: flex;
					justify-content: space-between;
					// width: 473 rpx;
					background: #fff;
					picker{
						width: 100%;
						.uni-input{
							bottom: 5rpx!important;
							color: #333!important;
							position: relative;
							top: 14rpx;
							left: -14rpx;
						}
					}
				}
				.w232{
					width: 232rpx!important;
				}
				.title {
					width: 183rpx;
				}
				.title.wd220 {
					width: 240rpx;
					text-align: left;
				}
				.uni-input {
					flex: 3;
					border: 1px solid #fff;
					height: 70rpx;
					border-radius: 10rpx;
					padding: 0 10rpx;
					background-color: #fff;
					bottom: -14rpx;
					position: relative;
				}
			}
		}
	}
	.zysx {
		font-size: 13px;
		color: #000;
		.title {
			margin-bottom: 20rpx;
			word-spacing: 10rpx;
			letter-spacing: 1rpx;
		}
		.list {
			margin-bottom: 20rpx;
			color: #666;
		}
	}
}
.item-bank-box.back image{
	width: 100%;
	z-index: -1;
	position: absolute;
	height: 216rpx;
	left: 0rpx;
	padding: 10rpx;
}
.phxx-item {
	padding: 30rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
	font-size: 24.88rpx;
	color: #000;
	background: linear-gradient(180deg,#ffebeb, #ffffff 21%);
	.phxx-item-content {
		width: 644rpx;
		.body-box{
			padding:0!important;
		}
		.top {
			width: 100%;
			border-bottom: 1rpx solid #e6e6e6;
			position: relative;
			padding: 0 8rpx 20rpx 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 26.66rpx;
			.cname-box{
				font-size: 26.66rpx;
				.cname-fu-box{
					display: flex;
					justify-content: flex-start;
					height: 36rpx;
					line-height: 36rpx;
					.line{
						width: 2rpx;
						height: 28rpx;
						background-color: #666;
						position: relative;
						top: 6rpx;
						margin: 0 9rpx;
					}
				}
			}
			.cname {
				color: #333;
				font-size: 32rpx;
				font-weight: 700;
				.ctitle{
					display: inline-block;
				}
			}
			.cname-fu {
				color: #999;
				.ctitle{
					display: inline-block;
				}
			}
			.status {
				font-size: 26.66rpx;
			    padding: 0 20rpx;
			    text-align: center;
			    border-radius: 10rpx;
			    display: block;
			    height: 29px;
			    line-height: 29px;
			}
		}
		.center {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 20rpx 5rpx;
			.gs{
				margin-right: 30rpx;
				font-size: 16px;
			}
			.gs,
			.mz,
			.location {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 50%;
			}
		}
		.bottom-btn{
			text-align: right;
			border-top: 1px solid #e8e7e7;
			padding-top: 10px;
		}
		.bottom.space{
			border-bottom: 1rpx solid #e6e6e6;
		}
		
		
		.bottom.gray-items{
			position: relative;
			background-color: #f1f2f5;
			padding: 0;
			margin: 8px 0;
			.items{
				padding: 0;
			}
			.items:nth-child(2){
				margin-left: 96rpx;
			}
			.title{
				width: 96rpx;
				position: absolute;
			}
		}
		.bottom{
			padding: 20rpx 0 0 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 14px;
			> .items{
				width: 50%;
				.img-box{
					position: absolute;
					width: 110px;
					height: 80px;
					left: 128rpx;
					top: 3px;
					.cover-img{
						width: 100%;
						height: 100%;
					}
				}
				.til{
					color: #666;
				}
				.tils{
					width: 96rpx;
					height: 80rpx;
					display: inline-block;
					border-radius: 10rpx 0 0 10rpx;
					text-align: center;
					line-height: 80rpx;
				}
				.tils.blue{
					background-color: #D9ECFF;
					color: #D22C2C;
					font-weight: bold;
				}
				.tils.red{
					background-color: #FFECEC;
					color: #FF4D4F;
					font-weight: bold;
				}
			}
			.items.num-box{
				height: 80rpx;
				width: 30%;
				text-align: center;
				> view{
					width: 100%;
				}
				.val{
					margin-left: 0;
				}
				.til{
				}
				.til,.val{
					height: 40rpx;
					line-height: 43rpx;
				}
			}
			.items.full{
				width: 100%!important;
				display: flex;
				justify-content: space-between;
				height: 30rpx;
				line-height: 30rpx;
			}
			.til {
				display: inline-block;
			}
			.val {
				margin-left: 15rpx;
			}
		}
		.line {
		    width: 100%; /* 设置宽度为屏幕宽度 */
		    height: 1px; /* 设置高度为实线的粗细 */
		    background-color: #ccc; /* 设置背景色为灰色 */
		}
	}
}

.uni-form-item{
	.uni-stat__select{
		.uni-select{
			padding-left: 0!important;
			padding: 0 10rpx!important;
			position: relative;
			bottom: -14rpx;
			border: solid 1px #fff!important;
		}
		.uni-select__selector{
			z-index: 9999;
		}
		.uni-select__input-placeholder{
			font-size: 15px!important;
			color: #333!important;
		}
	}
}
#scan-style .uni-select{
	padding-left: 0!important;
	padding: 0 10rpx!important;
	position: relative;
	bottom: -14rpx;
	height: 65rpx!important;
	border: solid 1px #e5e5e5!important;
}
.require-box{
	position: absolute;
	width: 100%;
	height: 10rpx;
	left: 0;
}
.uni-form-item {
	.net-selct-box{
		flex: 3;
		background: #fff;
	}
}
.tipsBox{
	background: #fff;
	width: 500rpx;
	min-height: 228rpx;
	border-radius: 5rpx;
	position: relative;
	padding-bottom: 45rpx;
	.tipsHeader{
		background-color: #2384e8;
		color: #fff;
		height: 60rpx;
		line-height: 60rpx;
		text-indent: 10rpx;
		font-size: 14px;
	}
	.tipsDesc{
		padding: 20rpx;
		min-height: 126rpx;
	}
	.tipsBtn{
		position: absolute;
		bottom: 5rpx;
		height: 60rpx;
		right: 10rpx;
		.btn{
			border: 1rpx solid #ccc;
			padding: 6rpx 10rpx;
			border-radius: 3rpx;
			background: #2384e8;
			color: #fff;
		}
	}
	.messBtn{
		position: relative;
		.btn{
			border: 1rpx solid #ccc;
			border-radius: 3rpx;
			background: #2384e8;
			color: #fff;
			height: 56rpx;
			line-height: 56rpx;
			min-width: 100rpx;
			font-size: 12px;
			float: right;
		}
	}
}
.uni-date-editor--x{
	background-color: #fff;
}
.uni-select{
	height: 70rpx!important;
	background-color: #fff!important;
	width: 100%!important;
}
#has-border{
	.uni-select{
		height: 70rpx!important;
		background-color: #fff!important;
		border-color: #e5e5e5!important;
		width: 100%!important;
		bottom: 1rpx;
	}
}
/**********接单页面的样式**********************/
.phxx-item-detail{
	padding-bottom: 163rpx;
}
.phxx-item-detail {
	box-sizing: border-box;
	font-size: 14px;
	color: #000;
	margin: 20rpx;
	
	.content-box{
		.title-item{
			color: #333;
			font-size: 17px;
			font-weight: bold;
			padding-top: 10rpx;
			height: 70rpx;
			line-height: 70rpx;
		}
		.uni-form-item{
			.band-img{
				width: 204rpx;
				position: relative;
				height: 196rpx;
				left: 16rpx;
			}
			.first-img{
				left: 0rpx;
			}
				
			.uni-select-box{
			}
		}

		.block-back{
			border-radius: 10rpx;
			padding: 20rpx;
			background-color: #fff;
			border-radius: 16rpx;
			margin-top: 15rpx;
		}
		.top {
			width: 100%;
			border-bottom: 1rpx solid #e6e6e6;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			.cph {
				font-size: 18px;
				font-weight: 700;
			}
			.name {
				font-weight: 700;
			}
			.status {
				font-size: 14px;
			    padding: 0 20rpx;
			    text-align: center;
			    border-radius: 10rpx;
			    display: block;
			    height: 29px;
			    line-height: 29px;
			}
			.red-status{
				background: #FC1A0C!important;
			}
			.green-status{
				background: #37A134!important;
			}
		}
		.center {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 20rpx 5rpx;
			.gs{
				margin-right: 30rpx;
				font-size: 16px;
			}
			.gs,
			.mz,
			.location {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 50%;
			}
		}
		.bottom-btn{
			text-align: right;
			border-top: 1px solid #e8e7e7;
			padding-top: 10px;
		}
		.bottom.space{
			border-bottom: 1rpx solid #e6e6e6;
		}
		
		.bottom{
			padding: 20rpx;
			font-size: 15px;
			> .items{
				display: flex;
				padding-bottom: 10rpx;
				width: 100%;
				min-height: 80rpx;
				line-height: 80rpx;
				.img-box{
					position: absolute;
					width: 110px;
					height: 80px;
					left: 128rpx;
					top: 3px;
					.cover-img{
						width: 100%;
						height: 100%;
					}
				}
			}
			image{
				height: 240rpx;
			}
			.items.full{
				width: 100%!important;
			}
			.til {
				display: inline-block;
				width: 178rpx;
			}
			.val {
				margin-left: 15rpx;
			}
			.title-box{
				font-weight: bold;
				color: #000;
				display: block;
				padding: 10rpx 0 20rpx 0;
			}
			.title-box1{
				background-color: rgba(210,44,44,0.1);
				height: 44rpx;
				line-height: 44rpx;
				padding: 0;
				color: #D22C2C;
				font-weight: bold;
				margin-bottom: 20rpx;
				.til-icon-name{
					background-color: #D22C2C;
					width: 4rpx;
					height: 28rpx;
					display: inline-block;
					margin-right: 13rpx;
					top: 5rpx;
					position: relative;
				}
			}
			.line {
			    width: 100%;
			    height: 1px;
			    background-color: #e6e6e6;
				margin-bottom: 20rpx;
			}
		}
		.block-items{
			.items{
				display: block;
			}
			.items.blue-back{
				text-align: center;
				.val{
					display: block;
				}
			}
			.til {
				display: block;
				width: 100%;
			}
			.val {
				margin-left: 15rpx;
			}
		}
	}
}
.uni-form-item {
	margin-bottom: 20rpx;
	border-bottom: 1px solid #E6E6E6;
	display: flex;
	justify-content: space-between;
	line-height: 100rpx;
	height: 100rpx;
	.uni-select-box{
		width: calc(100% - 186rpx);
		display: flex;
		justify-content: space-between;
		background: #fff;
		picker{
			width: 100%;
			.uni-input{
				color: #333!important;
			}
		}
	}
	.w232{
		width: 232rpx!important;
	}
	.title {
		width: 183rpx;
	}
	.title.wd220 {
		width: 240rpx;
		text-align: left;
	}
	.uni-input {
		flex: 3;
		border: 1px solid #fff;
		height: 70rpx;
		line-height: 70rpx;
		border-radius: 10rpx;
		padding: 0 10rpx;
		background-color: #fff;
		bottom: -14rpx;
		position: relative;
	}
}
.carPop,.cardPop {
		background-color: #fff;
		width: 750rpx;
		height: 522rpx;
		.carList{
			border-radius: 10rpx;
			padding: 10rpx;
			background-color: #fff;
			width: 750rpx;
			height: 522rpx;
			overflow: auto;
			font-size: 14px;
			.top {
				padding: 14rpx 16rpx;
				height: 56px;
				line-height: 63rpx;
				font-size: 15px;
				color: #000;
				font-weight: bold;
				border-bottom: 1px solid #e6e6e6;
				background: #fff;
				width: 98%;
				marin: 0;
				text-align: center;
				.title{
					position: relative;
					.cph{
						text-indent: 10rpx;
						position: absolute;
						right: -18rpx;
						top: 2rpx;
						image{
							width: 60rpx;
							height: 60rpx;
							float: left;
						}
					}
				}
			}
			.add-box{
				position: fixed;
				bottom: 59rpx;
				background: #fff;
				display: flex;
				justify-content: space-between;
				width: 97%;
				height: 102rpx;
				line-height: 73rpx;
				padding: 20rpx;
				
			}
			.a-i-c {
				position: relative;
				max-height: 398rpx;
				overflow: scroll;
				.car-box{
					margin-bottom: 102rpx;
				}
				
				.item-box {
					height: 60rpx;
					line-height: 60rpx;
					box-sizing: content-box;
					padding: 20rpx;
					font-size: 15px;
					border-bottom: 1px solid #ccc;
					display: flex;
					justify-content: space-between;
					.cph {
						font-weight: bold;
						text-indent: 10rpx;
						image{
							width: 60rpx;
							height: 60rpx;
							float: left;
						}
					}
					
					.isReal {
						color: #fff;
						padding: 10rpx;
						background-color: #19be6b;
						border-radius: 6rpx;
						line-height: 50rpx;
					}
					.isnotReal {
						color: #fff;
						padding: 10rpx;
						background-color: #f56c6c;
						border-radius: 6rpx;
						line-height: 50rpx;
					}
					.goReal {
						color: #fff;
						margin-left: 40rpx;
						padding: 10rpx;
						background-color: #1890FF;
						border-radius: 6rpx;
						line-height: 50rpx;
					}
				}
				
			}
		}
	}
	
.trasac-content {
	font-size: 14px;
	overflow: auto;
	.output-box{
		margin-left: 15px;
		margin-right: 10px;
	}
	.trade-box{
		display: inline-block;
		height: 222rpx;
		background: linear-gradient(111deg,#ff5454 0%, #d22c2c 100%)!important;
		width: 96%;
		color: #fff;
		padding: 30rpx;
		margin: 20rpx 2%;
		font-size: 26.66rpx;
		border-radius: 8rpx;
		.income-num{
			font-size: 67.55rpx;
			top: 45rpx;
			position: relative;
		}
		.outcome{
			float: right;
		}
	}
	.weui-search-bar {
		padding: 18rpx 10rpx;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-bottom: 1rpx solid #e5e5e5;
		position: relative;
		background-color: #fff;
		font-size: 24.88rpx;
	}
	
	.weui-icon-search_in-box {
		padding-left: 5rpx;
		margin-top: 19rpx;
		position: absolute;
	}
	
	.weui-search-bar__form {
		border-radius: 5px;
		background: #ffffff;
		width: 100%;
		margin: 0 10rpx 0 17rpx;
	}
	
	.weui-search-bar__box {
		padding: 0 10rpx;
		width: 100%;
		box-sizing: border-box;
		z-index: 1;
		height: 70rpx;
		line-height: 70rpx;
		border-radius: 7rpx;
		background-color: #F1F2F5;
		picker{
			.uni-input{
				color: #333;
			}
		}
	}
	
	.weui-search-bar__cancel-btn {
		line-height: 60rpx;
		color: #fff;
		white-space: nowrap;
		padding: 6rpx 15rpx;
		background: #D22C2C;
		border-radius: 8rpx;
		text-align: center;
	}
	.weui-search-bar__cancel-btn:first-child {
		margin-right: 7rpx;
	}
	.content-box {
		margin-top: 8rpx;
		.item-box-ng {
			position: relative;
			margin-bottom: 1px;
			background: #fff;
			padding: 10px 15px;
			margin: 0 2%;
			margin-bottom: 15rpx;
			border-radius: 8rpx;
			font-size: 13px;
			color: #999;
			.item-box-money{
				position: absolute;
				right: 16px;
				top: 25px;
				font-size: 35.55rpx;
				font-weight: bold;
				color: #333;
			}
			.item-box {
				height: 25px;
				line-height: 25px;
				display: block;
				width: 100%;
				margin-top: 10rpx;
			}
			.item-box.name {
				color: #333;
				font-size: 32rpx;
				font-weight: bold;
			}
		}
	}
	.btn {
		width: 100%;
		position: fixed;
		bottom: 0rpx;
		button {
			background-color: #D22C2C;
			margin: 10rpx;
		}
	}
}
.content {
	// height: 130vh;
	font-size: 14px;
	.content-box {
		margin-top: 8rpx;
		margin-bottom: 84rpx;
		.item-box-ng {
			display: flex;
			align-items: center;
			justify-content: center;
			.item-box:active{
				border: none!important;
			}
			.item-box {
				height: 76px;
				line-height: 76px;
				box-sizing: content-box;
				padding: 15rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: relative;
				width: 93%;
				background: #fff;
				margin-bottom: 6rpx;
				.cph-box {
					min-width: 160rpx;
					background: #FFE24A;
					overflow: hidden;
					height: 88rpx;
					border-radius: 5rpx;
					.cph {
						font-weight: bold;
						font-size: 35.55rpx;
						min-width: 160rpx;
						border: 1px solid #333;
						padding: 0 14rpx;
						margin: 4rpx;
						border-radius: 5rpx;
						height: 80rpx;
						line-height: 80rpx;
					}
				}
				.status {
					position: absolute;
					right: 57rpx;
					width: 160rpx;
					height: 60rpx;
					line-height: 60rpx;
					border-radius: 10rpx;
					text-align: center;
					border-radius: 10rpx;
					.status-icon{
						width: 24rpx;
						height: 24rpx;
						display: inline-block;
						margin-right: 6rpx;
						border-radius: 50%;
						background-color: rgba(247,134,0,0.3);
					}
					.status-icon.isReal{
						background-color: rgba(210,44,44,0.3);
					}
					.status-icon-inner{
						width: 16rpx;
						height: 16rpx;
						border-radius: 50%;
						background-color: rgba(247,134,0,1);
						margin: 4rpx 0 0 4rpx;
					}
					.status-icon-inner.isReal{
						background-color: rgba(210,44,44,1);
					}
				}
				.status.isReal {
					background: rgba(210,44,44,0.1);
					color: #D22C2C;
				}
				.status.isnotReal {
					background: rgba(247,134,0,0.1);
					color: #F78600;
				}
			}
		}
	}
}
.payconfirmBox{
	position: relative;
	bottom: -60rpx;
	width: 100vw;
	height: 600rpx;
	background: #fff;
	.main-box{
		padding: 20rpx;
		position: relative;
		.top{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.title{
				font-size: 26.66rpx;
				color: #000;
				font-weight: bold;
			}
			.btn{
				color: #D22C2C;
				cursor: pointer;
			}
			.close{
				cursor: pointer;
			}
		}
		.content{
			.money{
				height: 180rpx;
				border-bottom: 1rpx solid #ccc;
				line-height: 294rpx;
				font-weight: bold;
				text-align: center;
				font-size: 48rpx;
			}
			.showing{
				display: flex;
				align-items: center;
				justify-content: space-between;
				>view{
					margin-top: 20rpx;
					font-size: 26.66rpx;
				}
			}
		}
	}
	.btn-box{
		position: fixed;
		bottom: 10rpx;
		width: 100vw;
		padding: 0 20rpx;
	}
}
.read{
	height:60rpx;
	.read-box{
		display: inline-block;
		top: 6rpx;
		position: relative;
		padding-right: 10rpx;
	}
	.agree-box{
		color: #D22C2C;
	}
}

// ==========================================================

::v-deep .segmented-control__item--button {
  border-color: #D22C2C !important;
}

::v-deep .segmented-control__text {
  color: #D22C2C !important;
}

::v-deep .segmented-control__item--button--active {
  background-color: #D22C2C !important;
}

::v-deep .segmented-control__item--button--active text {
  color: #ffffff !important;
}

.global-linear-bg {
  background: linear-gradient(180deg,#ffebeb, #ffffff 21%) !important;
}
.global-button-bg {
  background: #D22C2C !important;
}
.global-color-text {
  color: #D22C2C !important;
}
.loading {
  position: relative;
}
.loading-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 29%;
  left: 36%;
  transform: translate(-50%, -50%);
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}